<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Voyager Backend - User detail</title>
<script type="text/javascript" src="../lib/angular/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.1/angular-route.min.js"></script>
<link rel="stylesheet" type="text/css" href="../app/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="../app/css/bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css" href="../app/css/main.css">
<link rel="stylesheet" type="text/css"
	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
	 <style>
      #map {
			height:420px;
			width:600px;
		}
		.infoWindowContent {
			font-size:  14px !important;
			border-top: 1px solid #ccc;
			padding-top: 10px;
		}
		h2 {
			margin-bottom:0;
			margin-top: 0;
		}
    </style>
</head>
<body ng-app="myApp">


		<div class="container">
			<div class="main row">
				<div class="col-xs-3" ng-controller="homeCtrl">
					<ul class="list-group">
						<li class="list-group-item"><a href="#/home"> <span
								class="glyphicon glyphicon-home"></span></a></li>

						<li ng-repeat="item in menu" class="list-group-item"><a
							href="{{item.href}}"> {{item.link}}</a></li>
                        <li class="list-group-item"><a href="#" ng-click="logout()"> <span
								class="glyphicon glyphicon-log-out"></span></a></li>

					</ul>
				</div>
				<div class="col-xs-9 panel panel-default" ng-controller="event_detail_Ctrl"
					data-ng-init="init()">


					<div>
						<caption>
							<h1>Event detail</h1>
						</caption>

                        <div class="form-group">
							<label class="col-sm-9 control-label"></label>
							<div class="col-sm-3">
								<p class="form-control-static">  <!--
									<a href="#/event" ng-click="return_to_event_detail(null,1)"> <span
										class="glyphicon glyphicon-arrow-left"></span></a>  -->
										
										<a href back-button ><span
										class="glyphicon glyphicon-arrow-left"></span></a>
								</p>
							</div>
						</div>
						
						
						<div class="form-group">
							<label class="col-sm-2 control-label" id="label">Name</label>
							<div class="col-sm-10">
								<p class="form-control-static" style="padding-top: 0px;">{{event.data.name}}</p>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-sm-2 control-label"  id="label">Start</label>
							<div class="col-sm-10">
								<p class="form-control-static" style="padding-top: 0px;">{{event.data.start_time | date:'yyyy-MM-dd HH:mm:ss Z'}}</p>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-sm-2 control-label"  id="label">End</label>
							<div class="col-sm-10">
								<p class="form-control-static" style="padding-top: 0px;">{{event.data.end_time | date:'yyyy-MM-dd HH:mm:ss Z'}}</p>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-sm-2 control-label"  id="label">Interest</label>
							<div class="col-sm-10">
								<p class="form-control-static" style="padding-top: 0px;">{{event.data.interest}}</p>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-sm-2 control-label"  id="label">Address</label>
							<div class="col-sm-10">
								<p class="form-control-static" style="padding-top: 0px;">{{event.data.address}}</p>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-sm-2 control-label"  id="label">Location</label>
							<div class="col-sm-10">
								<p class="form-control-static" style="padding-top: 0px;">
								    <!--
								     <iframe width="300" height="170" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q={{long}},{{lat}}&hl=es;z=14&amp;output=embed"></iframe><br />
                                    -->
								   <div id="map"></div>
								</p>
							</div>
						</div>
						
						 <div class="form-group">
							<label class="col-sm-2 control-label"  id="label">Public</label>
							<div class="col-sm-10">
								
								<div ng-switch on="event.data.privacy">
											<div ng-switch-when="1">
											   <span class="glyphicon glyphicon-ok"></span>
											   
											</div>
											<div ng-switch-default>
											   <span class="glyphicon glyphicon-remove"></span>
											</div>
										</div>
								<p class="" style="padding-top: 0px;"> 
								</p>
							</div>
						</div>
                       
						<div class="form-group">
                          <label class="col-sm-2 control-label"  id="label">
                           <div ng-switch on="event.data.privacy">
                               <div ng-switch-when="1">
                                  Searchable
                               </div>
                               <div ng-switch-default>
                               </div>
                           </div>
                         </label> 
							
							<div class="col-sm-10">
								
									<div ng-switch on="event.data.privacy">
											<div ng-switch-when="1">
											    <div ng-switch on="event.data.searchable">
										         	 <div ng-switch-when="1">
											            <span class="glyphicon glyphicon-ok"></span>
											   
											         </div>
											        <div ng-switch-default>
											            <span class="glyphicon glyphicon-remove"></span>
											         </div>
										         </div>
											   
											</div>
											<div ng-switch-default>
											  
											</div>
										</div>
								   
								   

                                      
								<p class="" style="padding-top: 0px;"> 
								</p>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-sm-2 control-label"  id="label">Owner</label>
							<div class="col-sm-10">
								<p class="form-control-static" style="padding-top: 0px;">
                                   <!--
									<a href="#/event" ng-click="go_user_detail(owner.data.id,1)"><i class="fa fa-shield"></i>
										{{owner.data.first_name}} {{owner.data.last_name}}</a>  -->
										
									<a href="#/user_detail/{{owner.data.id}}">{{owner.data.first_name}} {{owner.data.last_name}}</a>
								</p>
							</div>
						</div>	
						
						
						<div class="form-group">
							<label class="col-sm-2 control-label"  id="label">Group</label>
							<div class="col-sm-10">
								<p class="form-control-static" style="padding-top: 0px;">{{name_gr}}</p>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-sm-2 control-label"  id="label">List of {{nb_users}} attendings(s)</label>
							<div class="col-sm-10"
								style="padding-left: 0px; padding-top: 0px;">

								<ul class="list-group" style="margin-left: 13px;"">
                                  
									<li ng-repeat="item in b"
										class="list-group-item" style="width: 70%">
									
          								<!--	<a href="#/event" ng-click="go_user_detail(item[1],1)">{{item[0]}} </a>  -->
									        <a href="#/user_detail/{{item[1]}}" >{{item[0]}} </a>
									</li>

								</ul>

							</div>
							
							<div>

								 <nav>
									<ul class="pager">
										<li ng-hide="disablePrev_event"><a href="#/event_detail/{{event.data.id}}"
											ng-click="previousPage_event()">Previous</a></li>
										<li ng-hide="disableNext_event"><a href="#/event_detail/{{event.data.id}}"
											ng-click="nextPage_event()">Next</a></li>
									</ul>
								</nav>

						    </div> 
						</div>  

                        


					</div>
				</div>




			</div>
		</div>

</body>
</html>